<header>
    <div class="title">
        <a href="">Grupos</a><span> > </span><strong>Actualizar grupo</strong>
    </div>
    <div class="shortcuts">
        <a href=""></a>
    </div>
    <div class="help">
        <a href="">Ayuda</a>
    </div>
</header>
<div class="sidebar" id="groups">
    <div id="group-update" class="content">
        <h3>Actualizar alumnos del grupo</h3>
        <form id="group-update-form" action="#" method="post" enctype="multipart/form-data">
            
            <?php if (!empty($validacion)) { ?><h4 style='color:red;'><?php echo $validacion; ?></h4><?php } ?>
            <input name="form-action" type="hidden" value="update-group" />
            
            <div class="groups-students-selector clearfix" id="students-selector">
                <div class="form-container all-students">
                    <strong class="title">Listado de todos los alumnos</strong>
                    <div class="content">
                        <div class="search">
                            <span class="icon search"></span>
                            <input value="" type="text" placeholder="Buscar..." />
                            <button class="clear"><span class="icon circled-cross"></span><span class="text">Borrar</span></button>
                        </div>
                        <div class="filters hidden">
                            <strong>Filtrar por:</strong>
                            <button class="button" data-filter="2">Regulares</button>
                            <button class="button" data-filter="3">No regulares</button>
                            <button class="button" data-filter="4">Potencial</button>
                        </div>
                        <div class="form-fields">
                            <div class="no-students-msg">
                                <span>No se encuentran alumnos</span>
                            </div>
                            <?php foreach ($arr_students as $student) { ?>
                            <label class="no-quote">
                                <input value="<?php echo $student['id'];?>" type="checkbox" <?php if (in_array($student['id'], $arr_students_group)) echo 'checked'; ?> />
                                <img src="<?php echo $host; ?>/test/content/test-student-32x32.jpg" class="size-32x32" />
                                <span class="text"><?php echo $student['nombre']. ' ' .$student['apellido']; ?> (<?php echo $student['email']; ?>)</span>
                            </label>
                            <?php } ?>
                        </div>
                    </div>
                </div>
                <div class="form-container selected-students">
                    <strong class="title">Alumnos seleccionados (<span class="total">0</span>)</strong>
                    <div class="content">
                        <div class="form-fields">
                            <div class="no-students-msg">
                                <span><span class="icon warning"></span> No hay alumnos seleccionados</span>
                            </div>
                            <!--<label class="no-quote">
                                <input value="" type="checkbox" name="students[]" checked readonly />
                                <img src="content/test-student-32x32.jpg" class="size-32x32" />
                                <span class="text">Laoreet dolore</span><button class="button important red">Deseleccionar</button>
                            </label>-->
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="form-buttons">
                <button type="submit" class="button important blue"><span class="icon check"></span> Guardar</button>
                <a class="button important red" href="<?php echo $host . 'groups/'; ?>">Cancelar</a>
                <a class="button" href="<?php echo $host . 'groups/'; ?>"><span class="icon list"></span> Volver al listado</a>
            </div>
            
        </form>
    </div>
</div>